*{
    box-sizing: border-box;
}
body{
    background: #fefefe;
    min-height: 100vh;
}
.grey{
    color: #999;
}
.d-grey{
    color: #666;
}
.l-grey{
    color: #eee;
}
.white{
    color: #fff;
}
.flex{
    display: flex;
}
.flex1{
    flex: 1;
}
.jc-sb{
    justify-content: space-between;
}
.jc-a{
    justify-content: space-around;
}
.jc-c{
    justify-content: center;
}
.fd-c{
    flex-direction: column;
}
.ai-c{
    align-items: center;
}
.no-border{
    border-color: transparent!important;
}
.border-btm{
    border-bottom: 1px solid #eee;
}
.border-top{
    border-top: 1px solid #eee;
}
.border-lf{
    border-left: 1px solid #eee;
}
.border-rt{
    border-right: 1px solid #eee;
}
.pd-lf-1{
    padding-left: 1rem;
}
.pd-rt-1{
    padding-right: 1rem;
}
p.title{
    padding-left: 1.5rem;
    font-size: 1.5rem;
    margin-bottom: 0;
}
.van-rate__icon{
    display: block;
    width: 1em;
    font-size: 12px;
}
.van-rate{
    position: relative;
    margin-top: 5px;
    /* left: -5px; */
}
.txt-c{
    text-align: center;
}
.l-h{
    line-height: 150%;
}
.m-t5{
     margin-top: 5px;
 }
.m-l5{
    margin-left: 5px;
}
.m-r5{
    margin-right: 5px;
}
.m-b5{
    margin-bottom: 5px;
}
.m-t15{
    margin-top: 15px;
}
.m-l15{
    margin-left: 15px;
}
.m-r15{
    margin-right: 15px;
}
.m-b15{
    margin-bottom: 15px;
}
.p-10{
    padding: 2rem;
}
.p-5{
    padding: 1rem;
}
.wt-wrap{
    background: #fff;
    padding: 20px;
}
.wt-box{
    background: #fff;
}
.header{
    height: 9.1rem;
    width: 100%;
    background-size: 100% 100%;
}
img.icon{
    width: 2rem;
    height: 2rem;
    display: block;
}
.bar{
    width: 100%;
    height: 10px;
    background: #f8f8f8;
}
.f-16{
    font-size: 1.6rem;
}
.f-14{
    font-size: 1.4rem;
}
.f-12{
    font-size: 1.2rem;
}
.f-20{
    font-size: 2rem;
}
.rd-ft{
    color: #e97163;
}

*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
/* 居中对齐的容器 */
.ct-wrap{width:90%; margin: 0 auto;}
/* 阴影 */
.box-shadow{box-shadow: 0px 0px 20px 1px rgba(204, 225, 248, 0.877);}
/* 边框 */
.b-r{border-radius: 5px;}
/* 设置margin */
.m-t5{margin-top: 5px;}
.m-t10{margin-top: 10px;}
.m-t15{margin-top: 15px;}
.m-t20{margin-top: 20px;}
.m-t25{margin-top: 25px;}
.m-t30{margin-top: 30px;}
.m-l5{margin-left: 5px;}
.m-l10{margin-left: 10px;}
.m-l15{margin-left: 15px;}
.m-l20{margin-left: 20px;}
.m-b5{margin-bottom: 5px;}
.m-b10{margin-bottom: 10px;}
.m-b15{margin-bottom: 15px;}
.m-b20{margin-bottom: 20px;}
.m-r5{margin-right: 5px;}
.m-r10{margin-right: 10px;}
.m-r15{margin-right: 15px;}
.m-r20{margin-right: 20px;}
.m10{margin: 10px;}
.m15{margin: 15px;}
.m20{margin: 20px;}
/* 设置padding */
.p-t5{padding-top: 5px;}
.p-t10{padding-top: 10px;}
.p-t15{padding-top: 15px;}
.p-t20{padding-top: 20px;}
.p-l5{padding-left: 5px;}
.p-l10{padding-left: 10px;}
.p-l15{padding-left: 15px;}
.p-l20{padding-left: 20px;}
.p-b5{padding-bottom: 5px;}
.p-b10{padding-bottom: 10px;}
.p-b15{padding-bottom: 15px;}
.p-b20{padding-bottom: 20px;}
.p-r5{padding-right: 5px;}
.p-r10{padding-right: 10px;}
.p-r15{padding-right: 15px;}
.p-r20{padding-right: 20px;}
.p10{padding: 10px;}
.p15{padding: 15px;}
.p20{padding: 20px;}
/* 设置字体大小 */
.f12{font-size: 12px;}
.f14{font-size: 14px;}
.f16{font-size: 16px;}
.f18{font-size: 18px;}
.f20{font-size: 20px;}
.f22{font-size: 22px;}
.f24{font-size: 24px;}
.f26{font-size: 26px;}
.f28{font-size: 28px;}
.f32{font-size: 32px;}
.f36{font-size: 36px;}
/* 设置字体颜色 */
.f-cff{color: #fff!important;}
.f-c33{color: #333;}
.f-caa{color: #aaa;}
.f-ccc{color: #acc;}
.f-c66{color: #666;}
.f-c88{color: #888;}
.f-red{color: red;}
.f-blue{color: blue;}
.f-green{color: #769943;}
/* 设置字体对齐 */
.txt-c{text-align: center;}
.txt-l{text-align: left;}
.txt-r{text-align: right;}
/* 设置字体粗细 */
.f-w4{font-weight: 400;}
.f-w5{font-weight: 500;}
.f-w6{font-weight: 600;}
.f-w7{font-weight: 700;}
.f-w8{font-weight: 800;}
/* 设置背景色 */
.bg-cc{background: #ccc;}
.bg-ee{background: #eee;}
.bg-ff{background: #fff;}
/* 设置弹性布局 */
.flex{display: flex;}
.flex1{flex:1}
.flex-wrap{flex-wrap: wrap;}
.fd-c{flex-direction: column;}
.jc-sb{justify-content: space-between;}
.jc-sa{justify-content: space-around;}
.jc-c{justify-content: center;}
.ai-c{align-items: center;}
/* 无样式 */
.no-border{border: none;}
.no-margin{margin: 0!important;}
/* 按钮手势 */
.pointer:hover{cursor: pointer;}
/* 行高 */
.l-h12{line-height: 125%;}
.l-h15{line-height: 150%;}
.l-h17{line-height: 175%;}
.l-h20{line-height: 200%;}
.l-h25{line-height: 250%;}
.l-h30{line-height: 300%;}
/* 相对定位 */
.ps-r{position: relative;}
/* 宽度100% */
.w100{width: 100%;}
/* 浮动 */
.float-l{float: left;}
.float-r{float: right;}
.clear:after{
	content: '';
	display: block;
	clear: both;
}
/* 设置边框 */
.br5{
    border-radius: 5px;
}
.br10{
    border-radius: 10px;
}
.br15{
    border-radius: 15px;
}
.br20{
    border-radius: 20px;
}
.br25{
    border-radius: 25px;
}
.br30{
    border-radius: 30px;
}
input{
	background: transparent;
	border: none;
}
/* 首行缩进 */
.txt-indent{
    text-indent: 3rem;
}
/* 设置定位 */
.relative{
    position: relative;
}
.fixed{
    position:fixed;
}
.btm20{
    bottom: 20px;
}